body{
background: white;
	}



p{
font-family: Guardian,Garamond,Baskerville,"Times New Roman",serif;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.9;
margin-bottom: 1.5rem;
text-rendering: optimizeLegibility;
color:#222;
}

.ui-widget {
font-family: calibri;
font-size: 1.1em;
}

#homePageSegment1{
	width:100%;
	height:450px;
}

#galleryContent{
	width:70%;
	float:left;
	height:470px;
}

#aboutUs{
	width:28%;
	float:left;
	height:400px;
	border-style: solid;
	border-color: grey;
	text-align :left;
}

#homePageRest{
width:100%;
margin-bottom:30px;
}

#addSpace{
	height:15px;
	width:100%;
	background: none;
	margin-bottom:15px;
	}
	
	#addSpaceYellow{
	height:15px;
	width:100%;
	background: yellow;
	margin-bottom:15px;
	}
	

#articlePostingRight30{
	width: 25%;
	float: left;
	margin-left: 7%;
}

#articleSection{
	float:left;
}

#content{
text-align: center;
width: 90%;
margin-left: 5%;
padding-top: 15px;
background: white;
overflow: auto;
margin-bottom:15px;
min-height:520px;
}


#recentPosts{
width: 25%;
margin-top: 10px;
float: left;
margin-left: 1%;
	
}

#ImportantLinks{
	width: 43%;
/* background: lightgrey;
 */float: left;
}

.green{
	background: green;
}

.red{
	background: red;
}

.orange{
	background: orange;
}

#left25{
	float: left;
width: 24%;
border: 1px;
border-radius: 3px;
border-style: double;
margin-left: .5%;
border-color: lightgrey;
}


.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer{
	display:none;
}



#right74{
float: right;
width: 74%;
border: 1px;
border-radius: 3px;
border-style: double;
margin-right: .5%;
border-color: lightgrey;
}

#organizationPanelCR {
}

.ui-datatable .ui-datatable-data td {
    border-bottom: white;
    border-right: white;
	border:none;
}

 
.ui-datatable .ui-datatable-data .values1 {
    border: 1px solid #ff3300;
    background-color: #f2f2f2;
}

.ui-editor ui-widget-content{
	width:100%;
}

#selectedTests:pointsPanel.ui-panelgrid.ui-widget{
	width:100%;
}

#right100w{
	width:100%;
	float:right;
}

#left100w{
	width:100%;
	float:left;
}

#right70w{
	width:70;
	float:right;
}


#wrapper80_float{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:4%;
}

#alignLeft30{
	width:30%;
	float:left;
	margin-bottom:1%;
	margin-left:2%;
	
}

#alignRight30{
	width:30%;
	float:right;
	margin-bottom:1%;
	margin-left:2%;
	
}

#alignLeft{
	float:left;
	margin-bottom:1%;
	margin-left:2%;
	
}

.alignRight{
	float:right;
	margin-bottom:1%;
	margin-right:2%;
	
}

#buttonLeftClear{
	width:100%;
	float:left;
	margin-bottom:1%;
	margin-left:2%;
}

#buttonRightClear{
	width:30%;
	float:right;
	margin-top:1.5%;
	margin-right:2%;
}

#buttonRightTopClear{
	width:100%;
	float:right;
	margin-bottom:5%;
	margin-left:2%;
}

#addCompany{
   float: left;
    margin-right:0%;
    width: 48%;
	
}

#addCompanyCover{
	width:80%;
	margin-left:10%;
  	margin-top:4%;
  }
  
#selectedSectionCompany{
		
	float: right;
    margin-right:1%;
    width: 40%;
	
	
}

#categoryCover{
	width:80%;
	margin-left:10%;
  	margin-top:4%;
  }

#addCategory{
	
	float: left;
    margin-right:0%;
    width: 45%;
}

#viewCategoryList{
    float: right;
    margin-right:0%;
    width: 48%;
	
}

#quizPackSelectedList{
	
	/* border-style: double;
border-width: 2px;
float: left;*/
margin: 2%;
margin-right: 0%;
/*
border-radius: 25px;
padding-bottom: 25px;
background: beige;
border-color: darkkhaki;
	
   border-style: double;
    border-width: 2px;
     */float: left;
    width: 45%;
}

#headingSection{
border-style: double;
border-width: 2px;
float: left;
margin: 2%;
margin-right: 0%;
width: 33%;
border-radius: 25px;
padding-bottom: 25px;
padding-top : 25px;
background: beige;
width:80%;
margin-left:10%;

border-color: darkkhaki;
	
}

#quizPackPickList{
/* border-style: double;
border-width: 2px;
 */float: left;
margin: 2%;
margin-right: 0%;
width: 51%;
border-radius: 25px;
padding-bottom: 25px;
/* background: beige;
border-color: darkkhaki;
 */
}

#quizPackTotal {
border-style: double;
border-width: 2px;
float: right;
margin: 2%;
margin-right: 20%;
border-radius: 25px;
padding-bottom: 25px;
background: beige;
border-color: darkkhaki;
width: 18%;
}

#displayNone{
display:none;	
}

#registrationForm {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 8% 20%;
    padding: 3%;
    width: 60%;
}

#submitAQuery{
float:right;
}

.faqs{
	width:100%;
	text-align: left;
}

#candidatePanel .ui-panelgrid-header {
    padding: 4px 10px;
    text-align: left;
}
#candidatePanel .ui-widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #A8A8A8;
    color: #4F4F4F;
}

#candidatePanel .ui-panelgrid td {
    border-style: solid;
    border-width: 0;
    padding: 4px 10px;
}

#signUpPanel .ui-panelgrid td {
    border-style: solid;
    border-width: 0;
    padding: 4px 10px;
}
#candidatePanel .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
    font-weight: normal;
    height: 30px;
 }

#candidatePanel .ui-panelgrid {
    border-collapse: collapse;
    margin: 5% 10%;
    width: 80%;
}
#candidatePanel .ui-widget-content {
    background-color: #F0F0F0;
    border: 0 solid #A8A8A8;
    color: #4F4F4F;
}
#signUpPanel .ui-panelgrid {
    border-collapse: collapse;
    margin: 5% 10%;
    width: 80%;
}

#signUpPanel .ui-widget-content {
    background-color: #F0F0F0;
    border: 0 solid #A8A8A8;
    color: #4F4F4F;
}

#candidatePanel .ui-widget-header {
/*     display: none;
 */}
 
 
#tktQuiz .ui-selectoneradio {
    background: none repeat scroll 0 0 #FFC0CB;
    margin: 0 0 0 7%;
    width: 80%;
}
#outerTkt {
    background: none repeat scroll 0 0 #808080;
}
#innerTkt {
    background: none repeat scroll 0 0 #FFFF00;
    margin: 10%;
    width: 80%;
}
#timer {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 30px;
}
#mainQuestionBody {
    background: none repeat scroll 0 0 #3090C7;
    border-style: double;
    padding: 2% 2% 0;
}

.ui-datatable .ui-datatable-data td {
border-bottom: white;
border-right: white;
border: none;
padding: 2px;
	
}
#questionBox {
    align-self: center;
    background: none repeat scroll 0 0 #FFFFFF;
    height: 600px;
    padding-top: 3%;
    width: 100%;
}
#question {
    border-color: #3090C7;
    border-style: double;
    border-width: 1.5px;
    float: left;
    height: 95%;
    margin-left: 2%;
    padding-left: 2%;
    padding-top: 1%;
    width: 38%;
}
#options {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px double #3090C7;
    float: right;
    height: 97%;
    margin-right: 2%;
    overflow: scroll;
    padding-left: 1%;
    width: 54%;
}
#submitAnswer {
    background: none repeat scroll 0 0 #00FF00;
}
#nextbutton {
    background: none repeat scroll 0 0 #FFA500;
    float: right;
    width: 10%;
	padding: .75%;

}
#nextSection {
    background: none repeat scroll 0 0 #3080CC;
    padding: 0.75%;
}
.live.ui-datatable .ui-datatable-even{
    background: none repeat scroll 0 0 #F3F3F3;
    color: #FF0000;
    width: 30px;
    border:none;
}
.live.ui-datatable .ui-datatable-odd {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FF0000;
    width: 60px;
    border:none;
}



.noStyleTable.ui-datatable .ui-datatable-even{
    background: none repeat scroll 0 0 #FFFFFF;
    width: 30px;
    border:none;
}
.noStyleTable.ui-datatable .ui-datatable-odd {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 60px;
    border:none;
}


.mystyle.ui-datatable .ui-datatable-header {
    background: none repeat scroll 0 0 #FFFF00;
}
.mystyle.ui-datatable .ui-datatable-even {
    background: none repeat scroll 0 0 #F3F3F3;
    width: 30px;
}
.mystyle.ui-datatable .ui-datatable-odd {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 60px;
}
.mystyle.ui-datatable .ui-datatable-odd.ui-state-hover {
    background: none repeat scroll 0 0 #F4E7C1;
}
.mystyle.ui-datatable .ui-datatable-even.ui-state-hover {
    background: none repeat scroll 0 0 #F4E7C1;
}
.mystyle.ui-datatable .ui-datatable-even.ui-state-highlight {
    background: none repeat scroll 0 0 #FFF9E5;
}
.mystyle.ui-datatable .ui-datatable-odd.ui-state-highlight {
    background: none repeat scroll 0 0 #FFF9E5;
}
.mystyle.ui-datatable .ui-datatable-data-empty td {
    color: #FF0000;
    font-weight: bold;
}
.ui-datatable.mystyle th {
    font-family: verdana;
    font-size: 1em;
}
.mystyle.ui-datatable .ui-expanded-row-content {
    background: none repeat scroll 0 0 #FFFFFF;
}
#tohide {
    display: block;
}
#pendingTestList {
    /* border-style: double;
    border-width: 2px;
     */float: left;
    margin: 2%;
    margin-right:0%;
    width: 61%;
}

#companyPendingTestList {
   /*  border-style: double;
    border-width: 2px;
    */ float: left;
    margin: 2%;
    width: 40%;
}

#completedTests {
   /*  border-style: double;
    border-width: 2px;
    */ float: right;
    height: 100%;
    margin: 2%;
    
    width: 31%;
}
#testSelectContainer {
    padding: 3%;
}
#selectableTestList {
    border-style: double;
    border-width: 2px;
    float: left;
    margin: 2%;
    width: 35%;
}
#selectedTestList {
    border-style: double;
    border-width: 2px;
    float: left;
    height: 100%;
    margin: 2%;
    width: 30%;
}
#totalTestCost {
    border-style: double;
    border-width: 2px;
    float: right;
    height: 100%;
    margin: 2%;
    width: 20%;
}
#testListContainer {
	margin-top: 1%;
}
#footer {
}
#testSelect {
    margin: 0 3%;
    padding: 0.5% 0 0;
}
#testCode {
    float: right;
    margin: 0 3% 0 0;
    padding: 0.5% 0 0;
}


//CreateQuizCombo
#totalQuizCode{
   border-style: double;
    border-width: 2px;
    float: right;
    height: 100%;
    margin: 2%;
    width: 100%;
	
}

#selectableQuizCombo{
    border-style: double;
    border-width: 2px;
    float: left;
    margin: 2%;
    width: 35%;
    margin-left:10%;
}


#selectedQuizCombo{
   border-style: double;
    border-width: 2px;
    float: left;
    height: 100%;
    width: 100%;
}

#addSectionQuizCombo{
    height: 100%;
    margin: 2%;
    width: 30%;
	
}

#addSectionQuizComboInner{
	width:30%;
}

#totalQuizCode{
float: right;
margin-right: 10%;
margin-top: 2%;

}

.bgred{
	background:#f58220;
	padding-top:20px;
	padding-bottom:20px;
}

#blogListing{
	float:right;
	background: pink;
}

#blog-content{
    background: none repeat scroll 0 0 #FFFF00;
    width: 70%;
    float:left;
    }

#blog-capsule{
	background: none repeat scroll 0 0 #FF0000;
    float: none;
    margin: 5%;
    width: 90%;
}

.rightfloat{
	float:right;
	margin-right:5%
}

.leftfloat{
	float:left;
	margin-left:5%
	
}

.alignCenter{
	text-align: center;
}


.ui-datagrid .ui-datagrid-header {
    border-bottom: 0px none;
    display: none;
}

.ui-datagrid .ui-paginator-top {
    border-bottom: 0px none;
    display: none;
}

.ui-datagrid .ui-paginator-bottom {
    border-top: 0px none;
    display: none;
}

.table, td, th {
    border: 0px solid #E0DAD8;
    border-collapse: collapse;
}

.sectionalHeading{
font: 30px 'Open Sans', sans-serif!important;
color: #1975FF;
margin-left:32px;
clear:both;	
}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}.classname:active {
	position:relative;
	top:1px;
}

#candidatePanel .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
font-weight: normal;
height: 30px;

}


#currentEventsSectionOuter{
width: 80%;
margin-left: 8%;
padding-left: 2%;
background: white;
padding-right: 2%;
margin-right: 8%;
background: White;
padding-top:20px;
}


#articleSectionOuter{
width: 80%;
margin-left: 8%;
padding-left: 2%;
background: white;
padding-right: 2%;
margin-right: 8%;
background: White;
padding-top:20px;
}


#articleLeft65{
	float: left;
	width:65%;
}

#articleRight35{
	float: right;
	width:35%;
}

//This has been added for the news posting top alignment
.ui-panelgrid td{
	vertical-align: top;
}

.ui-editor ui-widget-content{
width: 650px; height: 450px;	
}
